<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>V视界-个人页面</title>
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/common.css}" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/iconfont01.css}" href="../css/iconfont01.css" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/personalPage.css}" href="../css/personalPage.css">
    <link rel="stylesheet" type="text/css" th:href="@{/static/customAlertConfirm/customAlertConfirm.css}"
          href="../customAlertConfirm/customAlertConfirm.css">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/personalPage-pswdChange.css}"
          href="../css/personalPage-pswdChange.css">
</head>

<body>
<div class="top" th:fragment="top">
    <div id="top">
        <!-- logo -->
        <div id="logo-search">
            <div class="logo">
                <img src="../img/logo.png" th:src="@{/static/img/logo.jpg}" alt="" />
            </div>
            <div class="top-search" th:replace="~{home::topSearch}">
                <span><i class="iconfont">&#xe623;</i></span>
                <input type="text" placeholder="请输入搜索内容" id="top-input" />
            </div>
        </div>

        <!-- 各种功能 -->
        <div id="fn" th:replace="~{personalPage::#fn}">
            <div class="home  fn">
                <a class="icon" href="home.html" th:href="@{/blog/getMyConnectionBlog(msg='登录成功')}"
                ><i class="iconfont">&#xe625;</i></a
                >
            </div>
            <div class="hot fn">
                <a class="icon" href="hot.html" th:href="@{/blog/getIndexBlog(state=2)}"
                ><i class="iconfont">&#xe628;</i></a
                >
            </div>
            <div class="message fn">
                <a class="icon" href="message.html" th:href="@{/message}"
                ><i class="iconfont">&#xe908;</i></a
                >
            </div>
            <div class="private border fn">
                <a class="icon" href="personalPage.html" th:href="@{/my/toMyInfo}"
                ><i class="iconfont">&#xe60a;</i></a
                >
            </div>
        </div>
        <!-- 登录，设置等-->
        <div class="access" th:replace="home::access">
        </div>
    </div>
</div>
<div id="content">
    <div class="list">
        <ul>
            <a th:href="@{/my/toMyInfo}">
                <span><i class="iconfont">&#xe7c6;</i></span>
                我的主页
            </a>
            <a th:href="@{/my/toMyIdols}">
                <span><i class="iconfont">&#xe65d;</i></span>
                我的关注
            </a>
            <a th:href="@{/my/toMyFans}">
                <span><i class="iconfont">&#xe648;</i></span>
                我的粉丝
            </a>
            <a th:href="@{/my/toMyLike}">
                <span><i class="iconfont">&#xe694;</i></span>
                我的点赞
            </a>
            <a th:href="@{/my/toMyCollection}">
                <span><i class="iconfont">&#xe647;</i></span>
                我的收藏
            </a>
            <a th:href="@{/my/echoMyMessage}">
                <span><i class="iconfont">&#xe626;</i></span>
                修改信息
            </a>
            <a class="color" th:href="@{/personalPage-pswdChange}" >
                <span><i class="iconfont">&#xe64b;</i></span>
                修改密码
            </a>
        </ul>
    </div>
    <div id="news" style="height: 300px;">
        <div class="pswdChangeBox">
            <form class="pswdChangeForm" th:action="@{/my/toUpdateMyPwd}" method="post" autocomplete="off">
                <div>
                    <label for="oldPwd">
                        <div class="labelBox">
                            旧的密码:
                        </div>
                    </label>
                    <input type="password" name="oldPwd" id="oldPwd" placeholder="请输入旧密码" autocomplete="new-password">
                    <i class="showOldPwd iconfont" style="cursor:pointer">&#xe714;</i>
                </div>
                <div>
                    <label for="newPwd">
                        <div class="labelBox">
                            新的密码:
                        </div>
                    </label>
                    <input type="password" name="newPwd" id="newPwd" placeholder="请输入新密码" autocomplete="new-password">
                    <i class="showNewPwd iconfont" style="cursor:pointer">&#xe714;</i>
                </div>
                <div>
                    <label for="pswdConfirm">
                        <div class="labelBox">
                            确定密码:
                        </div>
                    </label>
                    <input type="password" id="pswdConfirm" placeholder="请再次输入新密码" autocomplete="new-password" name="confirmPwd">
                    <i class="showConfirmPwd iconfont" style="cursor:pointer">&#xe714;</i>
                </div>
                <button class="submitBtn">确定修改</button>
            </form>
        </div>
    </div>
    <div id="right-bar" >
        <div id="hot" class="hotright">
            <div class="hot-top">
                <div class="hot-top-content"><p>热搜</p></div>
                <div class="refresh"><i class="iconfont">&#xe661;</i>点击刷新</div>
            </div>
            <div class="allHotList">

                <a href="" class="all-hot"><div>查看完整榜单</div></a>
            </div>

            <a class="return-top" href="#">
                <i class="iconfont">&#xea7d;</i>
            </a>
        </div>

    </div>
</div>
<div th:replace="~{personalPage::publishBlogBox}">

</div>
</body>
<script
        type="text/javascript"
        src="../../static/js/jquery3.7.1.min.js"
        th:src="@{/static/js/jquery3.7.1.min.js}"
></script>
<script type="text/javascript" th:src="@{/static/js/common.js}" src="../js/common.js"></script>
<script type="text/javascript" th:src="@{/static/customAlertConfirm/customAlertConfirm.js}"
        src="../customAlertConfirm/customAlertConfirm.js"></script>
<script type="text/javascript" th:src="@{/static/js/personalPage-publish.js}" src="../js/personalPage-publish.js"></script>
<script type="text/javascript"  th:src="@{/static/js/hot-search.js}"></script>
<script type="text/javascript"  th:src="@{/static/js/personalPage-pswdChange.js}"></script>

<script type="text/javascript" th:inline="javascript">
    let result=[[${result}]]
    console.log(result)
    if (result){
        if (result.status===-1){
            showCustomAlert(result.message,false)
        }else if(result.status===200){
            showCustomAlert(result.message,true)
        }
    }
</script>
</html>